<template>
  <div>
    <p>
      v-model绑定的值是指这个组件的绑定值，比如input组件，select组件，日期时间选择组件，颜色选择器组件，<br>
      这些组件所绑定的值使用v-model比较合适。其他情况，没有这种语义<br>
      也就是说如果子组件标签使用v-model，那么props接受的value值必须与表单组件相关联，然后this.$emit('input', e.target.value)<br>
      否则就不能用v-model，都没得其他的语法来支持。<br>
    </p>
    <p>
      其实.sync在项目中是很常用的，
    </p>
    <p>父级name:{{name}}</p>
<!--    <Son v-model="name"></Son>-->
    <Son :name.sync="name"></Son>
  </div>
</template>
<script>
import Son from './son.vue'
export default {
  components: {
    Son
  },
  data () {
    return {
      name: '张三'
    }
  }
}
</script>
